<template>
    <dl class="dl-item">
        <dt>
            <img src="" alt="">
        </dt>
        <dd>
            <h2>{{obj.title}}</h2>
            <span>{{obj.price}}</span>
        </dd>
        <dd class="plus" @click="$emit('open',obj.id)">+</dd>
    </dl>
</template>
<script>
export default {
    props:['obj']
}
</script>
<style lang="scss">
    .dl-item{
        width:100%;
        display: flex;
        dt{
            width: 60px;
            height: 60px;
            border:1px solid gray;
            margin-right:10px;
        }
        .plus{
            width:30px;
            height: 30px;
            border-radius: 50%;
            background: red;
        }
    }
</style>
